<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主界面</title>
</head>

<body>

    <img src="{{url_for('static',filename='img/logo.png')}}" />
    <div class="title">
        欢迎进入在线腐蚀监测系统
    </div>
    <div class="btn">

        <p>阴极保护腐蚀监测 </p>
        <input type="button" value="CP" class="btn1" onclick="window.location.href='{{url_for('CorrosionWorkstatus')}}'">
        <p>局部腐蚀监测 </p>
        <input type="button" value="CM" class="btn1" onclick="window.location.href='{{url_for('CorrosionWorkstatus')}}'">
    </div>
    <div class="btn">
        <p>线性极化腐蚀 </p>
        <input type="button" value="LPR" class="btn1" onclick="window.location.href='{{url_for('CorrosionWorkstatus')}}'">
        <p >电感腐蚀监测 </p>
        <input type="button" value="EI" class="btn1" onclick="window.location.href='{{url_for('CorrosionWorkstatus')}}'">
    </div>
    <div class="btn">
        <p>场指纹腐蚀 </p>
        <input type="button" value="FSM" class="btn1" onclick="window.location.href='{{url_for('CorrosionWorkstatus')}}'">
        <p >超声波腐蚀 </p>
        <input type="button" value="UT" class="btn1" onclick="window.location.href='{{url_for('CorrosionWorkstatus')}}'">
    </div>
    <div class="back1">
        宁波科金工业腐蚀监测技术有限公司
    </div>
    <div class="back2">
        Ningbo Kejin Industry Corrosion Monitoring
    </div>
    <div class="back2">
        Technology Ltd.
    </div>

</body>


<style>
    .title {
        line-height: 280px;
        text-align: center;
        font-size: 50px;
    }
    
    .btn1 {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        display: block;
        margin: auto
    }
    
    .btn {
        display: flex;
        flex-direction: row-reverse
    }
    
    .back1 {
        position: relative;
        top: 550px;
        font-size: 25px;
        text-align: right;
    }
    
    .back2 {
        top: 555px;
        position: relative;
        font-size: 25px;
        text-align: right;
    }
</style>

</html>